@import "base.less";

.iconApp {
    .banner {
        height: 220px;
        background: url(/aion/images/game/icon/bg.jpg) no-repeat;
        background-size: 100%;
        h1 {
            padding-top: 40px;
            font-size: 24px;
            color: #fff;
            margin:0;
            text-align: center;
            text-shadow:5px 2px 5px #333;
        }
    }

    .longjie {
        position: fixed;
        top: 50px;left:50%;
        width: 210px;
        height: 110px;
        margin-top: 40px;
        margin-left: -105px;
        z-index: 20;
        background: url(/aion/images/game/icon/title.png) no-repeat;
        background-size: 100%;
        cursor: pointer;
        -webkit-animation: bounce-down 1.6s linear infinite;
        animation: bounce-down 1.6s linear infinite;
    }

    .menu{
        ul{
            width: 90%;
            margin: 0 auto;

            li{
                height: 85px;
                line-height: 85px;
                text-align: center;
                font-size: 20px;
                background: #409EFF;
                margin-top: 20px;
                border-radius: 10px;
                a {
                    color: #fff;
                    display: block;
                }
            }
        }
    }
}


@-webkit-keyframes bounce-down {
    25% {
         -webkit-transform: translateY(-4px);
    }
    50%, 100% {
         -webkit-transform: translateY(0);
    }
    75% {
         -webkit-transform: translateY(4px);
    }
}

@keyframes bounce-down {
     25% {
          transform: translateY(-4px);
     }
     50%, 100% {
          transform: translateY(0);
     }
     75% {
          transform: translateY(4px);
     }
}